<#assign module="member"/>

<@override name="header">
<link rel="stylesheet" href="${ctx}/assets/css/form.css">
</@override>
<@override name="body">

	<div class="row">
		<div class="col-md-12 col-lg-12">
		<div class="tabbable"> <!-- Only required for left/right tabs -->
			<ul class="nav nav-tabs">
			    <li><a href="${ctx}/member/add">个人用户</a></li>
				<li class="active"><a href="javascript:;">企业用户</a></li>
				<li><a href="${ctx}/member/addVip">VIP用户</a></li>
			</ul>
			  
			<div class="tab-content">
			
			    <div class="tab-pane active" id="tab1">
		    		<div class="row margin-top">
						
						<div class="table-responsive">
							
		    				<form id="submit_form" action="${ctx}/member/createCompany" method="post">
								<input type="hidden" id="CSRFToken" name="CSRFToken" value="${CSRFToken}"/>
								<div class="col-md-4 col-lg-4">
									<div class="panel panel-default">
										<div class="panel-heading">
											填写客户信息
									    </div>
									    <div class="panel-body">
						    				
						    				<div class="form-group">
							                    <label control-label">客户类型：企业用户</label>
							                </div>
							                
							                <div class="form-group">
							                    <label><em>*</em>代驾收费：</label>
							                    <select class="form-control" id="areaId" name="areaId">
							                    	<option value="">公司统一收费</option>
							                    	<#list arealist as area>
						                    			<option value="${area.id}">${area.name?if_exists}</option>
													</#list>
							                    </select>
							                </div>
							                
							                <@zhuan>
								                <div class="form-group">
								                    <label><em>*</em>专车收费：</label>
								                    <select class="form-control" id="areaCarId" name="areaCarId">
								                    	<option value="">公司统一收费</option>
								                    	<#list arealist as area>
							                    			<option value="${area.id}">${area.name?if_exists}</option>
														</#list>
								                    </select>
								                </div>
							                </@zhuan>
							                
							               	<div class="form-group">
							                    <label>联系人：</label>
							                   	<input class="form-control" id="name" name="name" type="text" value="${member.name?if_exists}">
							                </div>
							                
							                <div class="form-group">
							                    <label>客户来源：</label>
							                    <input class="form-control" id="fromSource" name="fromSource" value="${member.fromSource?if_exists}" type="text"/>
							                </div>
							                
							                <div class="form-group">
							                    <label>单位名称：</label>
							                    <input class="form-control" id="agencyName" name="agencyName" value="${member.agencyName?if_exists}" type="text"/>
							                </div>
							                
							                <div class="form-group">
							                    <label>单位地址：</label>
							                    <textarea class="form-control" cols="20" id="agencyAddress" name="agencyAddress" rows="2">${member.agencyAddress?if_exists}</textarea>
							                </div>
							                
							                
							                <div class="form-group">
							                    <label>备注：</label>
							                    <textarea class="form-control" cols="20" id="memo" name="memo" rows="2">${member.memo?if_exists}</textarea>
							                </div>
							                
							                <div class="form-group">
							                    <label for="gender">是否允许签单：</label>
						                    	<label style="padding-right:20px;">
												  <input <@shiro.lacksPermission name='allowsign'>disabled="disabled"</@shiro.lacksPermission> type="checkbox" name="isOverdraw" <#if member.isOverdraw??>${member.isOverdraw?string('checked="checked"','')}</#if>/>
												</label>
							                </div>
						            
							                <div class="form-group" style="margin-left:10px;">
								                <input id="submit_button" type="submit" class="btn btn-primary" value="保存">
								                <input type="button" class="btn btn-default" onclick="window.location.href = '${ctx}/member/list?type=1';" value="返回">
								            </div>
						        		</div>
									</div>
								</div>
							
								<div class="col-md-8 col-lg-8">
									<div class="panel panel-default" style="min-height:610px;">
										<div class="panel-heading">
											关联手机 （至少填写一条）
									    </div>
									    <div class="form-group" style="margin-top:10px;margin-left:10px;">
								        	<input type="button" id="add-phone" class="btn btn-default" value="添加">
								        </div>
										<table id="phone-table" class="table" style="margin-left:10px;">
											<tr>
												<th width="5%">#</th>
												<th width="20%">手机号</th>
												<th width="20%">姓名</th>
												<th width="25%">常用目的地</th>
												<th width="20%">车牌号</th>
												<th width="10%">操作</th>
											</tr>
											<#if member.memberAccounts?? && (member.memberAccounts?size>0)>
												<#list member.memberAccounts as ma>
													<#if !ma.empty>
														<tr>
														   <td>${ma_index+1}</td>
														   <td><input class="form-control phone-input" type="text" name="memberAccounts[${ma_index}].phone" value="${ma.phone?if_exists}" /></td>
														   <td><input class="form-control" type="text" name="memberAccounts[${ma_index}].name" value="${ma.name?if_exists}" /></td>
														   <td><input class="form-control" type="text" name="memberAccounts[${ma_index}].address" value="${ma.address?if_exists}" /></td>
														   <td><input class="form-control" type="text" name="memberAccounts[${ma_index}].carNumber" value="${ma.carNumber?if_exists}" /></td>
														   <td><a href='javascript:;' class='btn btn-default deletethis'>删除</a></td>
													    </tr>
												    </#if>
												</#list>
											<#else>
												<tr>
											       <td>1</td>
												   <td><input class="form-control phone-input" type="text" name="memberAccounts[0].phone" /></td>
												   <td><input class="form-control" type="text" name="memberAccounts[0].name" /></td>
												   <td><input class="form-control" type="text" name="memberAccounts[0].address" /></td>
												   <td><input class="form-control" type="text" name="memberAccounts[0].carNumber" /></td>
												   <td><a href='javascript:;' class='btn btn-default deletethis'>删除</a></td>
											    </tr>
											</#if>
										</table>
									</div>
								</div>
							</form>
					        	
						</div>
						
					</div>
			    </div>
			   
			</div>
		</div>
		</div>
	</div>
	

</@override>
<@override name="footer">
<script type="text/javascript">
	<#if message??>
		$.scojs_message("${message}", $.scojs_message.TYPE_ERROR);
	</#if>
	var phone_num=$(".deletethis").length;
	$(document).ready(function(){
		
		$(document).on('click','.deletethis',function(){
			$(this).parent().parent().remove();
		});
		
		$("#add-phone").click(function(){
			$("#phone-table tbody").append("<tr>"+
										   "<td>"+(phone_num+1)+"</td>"+
										   "<td><input class='form-control phone-input' type='text' name='memberAccounts["+phone_num+"].phone'/></td>"+
										   "<td><input class='form-control' type='text' name='memberAccounts["+phone_num+"].name'/></td>"+
										   "<td><input class='form-control' type='text' name='memberAccounts["+phone_num+"].address'/></td>"+
										   "<td><input class='form-control' type='text' name='memberAccounts["+phone_num+"].carNumber'/></td>"+
										   "<td><a href='javascript:;' class='btn btn-default deletethis'>删除</a></td>"+
										   "</tr>");
			phone_num++;
		});
		
		$("#type").change(function(){
			console.log($(this).val());
		});
		
		$("#submit_form").submit(function(){
			var isphone=/^\+?\d{3,13}(\-?(\d{6,8}?))?(\-?(\d{4,8}?))*$/; 
			var isRightPhone=true; 
			
			if($(".phone-input").length==0){
				$.scojs_message("至少填写一条关联手机", $.scojs_message.TYPE_ERROR);
				return false;
			}
			
			$(".phone-input").each(function(index,element){
				var phone=$(element).val();
				if (!isphone.test(phone)){
					isRightPhone=false;
					return false;
				}
			});
			
			if(!isRightPhone){
				$.scojs_message("手机号格式不正确", $.scojs_message.TYPE_ERROR);
				return false;
			}
			
			$("#submit_button").attr("disabled",true);
			$.post($(this).attr("action"),$(this).serialize(),function(data){
	            if(data.success){
	                $.scojs_message('保存成功', $.scojs_message.TYPE_OK);
	                window.location='${ctx}/member/list';
	            }
	            else {
	            	$("#submit_button").attr("disabled",false);
	            	$("#CSRFToken").val(data.object);
	            	if(data.errorcode=="0"){
					    if(confirm(data.message+"，要修改该客户吗？")){
							window.location='${ctx}/member/edit/'+data.longValue;
						}
	            	}
	            	else{
	            		$.scojs_message(data.message, $.scojs_message.TYPE_ERROR);
	            	}
	            }
		    },'json');
			
			return false;
			
		});
		
	});
</script>
</@override>
<@extends name="../layout.ftl"/>